import axios from 'axios'
import { ElMessage } from 'element-plus'

// 创建axios实例
const request = axios.create({
  baseURL: '/mbti', // 设置为/mbti，与后端上下文路径匹配
  timeout: 5000
})

// 获取token的函数，避免直接引用store
const getToken = () => {
  return localStorage.getItem('token')
}

// 清除token和用户信息
const clearAuth = () => {
  localStorage.removeItem('token')
  localStorage.removeItem('userInfo')
  // 如果在vue组件中，可以使用router进行重定向
  if (window.location.pathname !== '/login') {
    window.location.href = '/login'
  }
}

// 请求拦截器
request.interceptors.request.use(
  config => {
    const token = getToken()
    if (token) {
      config.headers['Authorization'] = `Bearer ${token}`
    }
    return config
  },
  error => {
    console.error('Request error:', error)
    return Promise.reject(error)
  }
)

// 响应拦截器
request.interceptors.response.use(
  response => {
    const res = response.data
    if (res.code && res.code !== 200) {
      ElMessage.error(res.message || '请求失败')
      return Promise.reject(new Error(res.message || '请求失败'))
    }
    return res
  },
  error => {
    console.error('Response error:', error)
    const message = error.response?.data?.message || '请求失败'
    ElMessage.error(message)
    if (error.response?.status === 401 || error.response?.status === 403) {
      // 清除认证信息并重定向到登录页
      clearAuth()
    }
    return Promise.reject(error)
  }
)

export default request 